<template>
    <div>
      <!-- 使用图标 -->
      <el-icon @click="ck">
          <caret-left v-if="$store.state.homeview.navBool"/>
          <caret-right v-else/>
      </el-icon>
    </div>
  </template>
  
  <script lang="ts" setup>
  // 引用图标
  import { CaretRight,CaretLeft } from "@element-plus/icons-vue";
  // 引用useStore
  import { useStore } from "vuex";
  // 得到store对象
  const store = useStore();
  
  let ck=()=>{
      // 触发mutations修改
      store.commit("SET_NAVBOOL")
  }
  </script>
  <style lang="scss">
  .el-header{
      line-height: 70px;//设置图标垂直居中
      .el-icon{
          font-size:20px;//设置图标大小
      }
  }
  </style>